<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <title>Title</title>
    <link rel="stylesheet" th:href="@{/layui-v2.2.5/css/layui.css}"/>
    <script th:src="@{/layui-v2.2.5/layui.js}"></script>
</head>
<body>
Thymeleaf模板引擎
<h1 th:text="${name}">hello world~~~~~~~~~~${name}</h1>
html使用thymeleaf直接方法javabean的方法:
<form class="layui-form" action="/testobj">
      <div class="layui-form-item">
        <label class="layui-form-label">输入框</label>
        <div class="layui-input-block">
          <input type="text" name="title" required  lay-verify="required" placeholder="请输入标题" autocomplete="off" class="layui-input">
        </div>
      </div>
      <div class="layui-form-item">
        <label class="layui-form-label">密码框</label>
        <div class="layui-input-inline">
          <input type="password" name="password" required lay-verify="required" placeholder="请输入密码" autocomplete="off" class="layui-input">
        </div>
        <div class="layui-form-mid layui-word-aux">辅助文字</div>
      </div>
      <div class="layui-form-item">
        <label class="layui-form-label">选择框</label>
        <div class="layui-input-block">
          <select name="city" lay-verify="required">
            <option value=""></option>
            <option value="0">北京</option>
            <option value="1">上海</option>
            <option value="2">广州</option>
            <option value="3">深圳</option>
            <option value="4">杭州</option>
          </select>
        </div>
      </div>
      <div class="layui-form-item">
        <label class="layui-form-label">复选框</label>
        <div class="layui-input-block">
          <input type="checkbox" name="like[write]" title="写作">
          <input type="checkbox" name="like[read]" title="阅读" checked>
          <input type="checkbox" name="like[dai]" title="发呆">
        </div>
      </div>
      <div class="layui-form-item">
        <label class="layui-form-label">开关</label>
        <div class="layui-input-block">
          <input type="checkbox" name="switch" lay-skin="switch">
        </div>
      </div>
      <div class="layui-form-item">
        <label class="layui-form-label">单选框</label>
        <div class="layui-input-block">
          <input type="radio" name="sex" value="男" title="男">
          <input type="radio" name="sex" value="女" title="女" checked>
        </div>
      </div>
      <div class="layui-form-item layui-form-text">
        <label class="layui-form-label">文本域</label>
        <div class="layui-input-block">
          <textarea name="desc" placeholder="请输入内容" class="layui-textarea"></textarea>
        </div>
      </div>
      <div class="layui-form-item">
        <div class="layui-input-block">
          <button class="layui-btn" lay-submit lay-filter="formDemo">立即提交</button>
          <button type="reset" class="layui-btn layui-btn-primary">重置</button>
        </div>
      </div>
    </form>

    <hr/><br/>
    <p>编号id:<span th:text="${user.id}">124</span></p>
    <p>姓名:<span th:text="${user.name}">李四</span></p>
    <p>年龄:<span th:text="${user.age}">18</span></p>
    <p>生日:<span th:text="${#dates.format(user.birthday, 'yyyy-MM-dd')}">1992-02-23</span></p>
    <hr/><br/>

    <table class="layui-table">
        <thead>
        <tr>
            <th>编号id</th>
            <th>姓名</th>
            <th>性别</th>
            <th>年龄</th>
            <th>生日</th>
        </tr>
        </thead>
        <tbody>
            <tr th:each="user : ${userList}">
                <td th:text="${user.id}">1</td>
                <td th:text="${user.name}">海代付</td>
                    <td th:if="${user.sex==1}" >男</td>
                    <td th:if="${user.sex==2}" >女</td>
                    <td th:if="${user.sex==3}" >未知</td>
                <!--这两种方式都可以-->
                <!--<div th:switch="${user.sex}">
                    <td th:case="1" >男</td>
                    <td th:case="2" >女</td>
                    <td th:case="3" >未知</td>
                </div>-->
                <td th:text="${user.age}">14</td>
                <td th:text="${#dates.format(user.birthday, 'yyyy-MM-dd')}">2088-12-12</td>
            </tr>
        </tbody>
    </table>
</body>
<script th:inline="javascript">
    //Demo
    layui.use('form', function(){
        var form = layui.form;
        //监听提交
        form.on('submit(formDemo)', function(data){
            layer.msg(JSON.stringify(data.field));
            return true;
        });
    });

</script>
</html>